<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<form action="01-入门.html" method="get">
  <!-- 各类输入框标签是 input标签 然后才选择type属性 来定义输入框类型-->
  <!--  value属性是给输入框填加默认值的  readonly这个输入框是只读的
         maxlength输入的长度限制  placeholder提示的占位字-->
  用户名：<input type="text"   maxlength="5" name="username" placeholder="用户名"><br>
  密  码：<input type="password" name="password" placeholder="密码"><br>
  性  别：
  <input type="radio" name="gender" value="m" id="r1">
  <label for="r1">男</label>
  <input type="radio" name="gender" checked value="f" id="r2">
  <label for="r2">女</label><br>
  兴趣爱好：
  <input type="checkbox" name="hobby" value="cy">抽烟
  <input type="checkbox" name="hobby" checked value="hj">喝酒
  <input type="checkbox" name="hobby" value="tt">烫头<br>
  生  日：<input type="date" name="birthday"><br>
  靓  照：<input type="file" name="photo"><br>
  所在地：
  <select name="city">
    <option value="bj">北京</option>
    <option selected>上海</option>
    <option value="sz">深圳</option>
  </select><br>
  <input  type="submit" value="提交">
  <input  type="reset" value="重置">
  <input  type="button" value="按钮">
  <hr>
  <button type="submit">提交</button>
  <button type="reset">重置</button>
  <button type="button">按钮</button>

</form>
</body>
</html>